﻿<%@ Page Title="" Language="C#" MasterPageFile="~/shopping/backstage.Master" AutoEventWireup="true" CodeBehind="Classified_management.aspx.cs" Inherits="YiDaShuiHang.shopping.Classified_management" %>

<%@ Register Src="~/Alert.ascx" TagPrefix="uc1" TagName="Alert" %>


<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script src="showpingjs/classifiedmanager.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#productmanager").remove("titleclass");
            $("#ordermanager").remove("titleclass");
            $("#sellmanager").remove("titleclass");
            $("#staffmanager").remove("titleclass");
            $("#typemanager").addClass("titleclass");
            classifiedmanager.getdata("1", "");
        })
    </script>
    <style type="text/css">
        #small input {
            padding: 2px 10px;
            margin: 0px 10px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <uc1:Alert runat="server" ID="Alert" />

    <div class="container" style="margin-top: 30px;">
         <div class="row">
            <div class="col-lg-2 col-md-3 col-sm-4 text-left">
                <span style="font-size: 18px;">分类管理</span></div>
            <div class="col-lg-4 col-md-5 col-sm-4 col-lg-offset-3 text-right">
              
            </div>
            <div class="col-lg-3 col-md-4 col-sm-4 text-center">
                <button type="button" class="btn btn-sm btn-lg btn-info"  data-toggle="modal" data-target="#myClass" style="height: 34px;">
                    添加类别</button>
            </div>
        </div><br />
        <!-- Modal -->
        <div class="modal fade" id="myClass" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                        <h4 class="modal-title" id="myModalLabel">添加商品类别</h4>
                    </div>
                    <div class="modal-body">
                        <form role="form">
                            <div class="form-group">
                                <label for="cl1">
                                    <span class="glyphicon glyphicon-asterisk" style="font-size: 10px; color: Red;"></span>商品类别名称
   
                                </label>
                                <input type="text" class="form-control" id="cl1" placeholder="请输入商品类别名" />
                            </div>
                            <div class="form-group">
                                <label for="xh1">
                                    <span class="glyphicon glyphicon-asterisk" style="font-size: 10px; color: Red;"></span>序号
                                </label>
                                <input type="text" class="form-control" id="xh1" placeholder="请输入商品排序号" />
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <input type="button" class="btn btn-default" value="关闭" data-dismiss="modal"/>
                        <input type="button" onclick="classifiedmanager.addclasses()" value="保存" class="btn btn-primary"/>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-10 col-md-9 col-sm-8 col-lg-offset-1 col-md-offset-1 col-sm-offset-1">
                <table class="table table-responsive table-bordered table-striped table-condensed text-center">
                    <thead>
                        <tr style="font-size: 15px;">
                            <td>分类名称</td>
                            <td>排序</td>
                            <td>创建时间</td>
                            <td>操作</td>
                        </tr>
                    </thead>
                    <tbody id="tbodyList">
                    </tbody>
                </table>
            </div>
        </div>

        <div style="margin-left: 5%">
            <table>
                <tr>

                    <td style="width: 80%">
                        <div class="fr1">
                            <div class="demo">
                                <div id="example" class="pagination">
                                </div>
                            </div>
                        </div>
                    </td>

                    <td style="width: 10%">
                        <div id="record_shu">
                        </div>
                    </td>
                </tr>
            </table>
        </div>
    </div>
</asp:Content>
